/**
 * @name: Vue配置
 */

const path = require('path');

function resolve(dir) {
	return path.join(__dirname, dir);
}

module.exports = {
	runtimeCompiler: true,
	//设置生产与开发环境的基本路径，如果打包为二级页面，路由要设置为 hash 类型
	publicPath: process.env.NODE_ENV === 'production' ? './' : '/',

	//配置 webpack
	chainWebpack: (config) => {
		config.module
			.rule('svg')
			.exclude.add(resolve('src/assets/icons'))
			.end()
		config.module
			.rule('icons')
			.test(/\.svg$/)
			.include.add(resolve('src/assets/icons'))
			.end()
			.use('svg-sprite-loader')
			.loader('svg-sprite-loader')
			.options({
				symbolId: 'icon-[name]'
			})
			.end()
		//设置路径别名，key,value自行定义，比如.set('@@', resolve('src/components'))
		config.resolve.alias
			.set('@', resolve('src'));

		//导入全局可用的scss (使用sass-resources-loader插件)
		const oneOfsMap = config.module.rule('scss').oneOfs.store;
		oneOfsMap.forEach(item => {
			item
				.use('sass-resources-loader')
				.loader('sass-resources-loader')
				.options({
					resources: './src/assets/styles/apply.scss'
				})
				.end()
		});
	},

	//配置开发环境下的参数
	devServer: {
		disableHostCheck: true,//内网穿透设置
		// host: '192.168.1.69', //访问的域名
		host:'localhost',
		port: 8082, //访问的端口
		//设置代理
		proxy: {
			'/etubang': {
				target: 'http://192.168.1.47:9666/sqyx', //访问数据的计算机域名
				// target: 'http://60.173.195.243:9666/sqyx', //访问数据的计算机域名
				// ws: true,  //是否启用websockets
				changOrigin: true, //开启代理
				pathRewrite: {
					'^/etubang': ''
				}
			}
		},
		// https:true
	}
};
